﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户首页</title>
    <link href="Style/common.css" rel="stylesheet" type="text/css" /> 
    <link href="Style/info.css" rel="stylesheet" type="text/css" />
	<script src="js/jquery.js" language="javascript" type="text/javascript"></script>
    <script src="js/common.js" language="javascript" type="text/javascript"></script>
    <!--[if lt IE 7]> 
    <script src="js/png.js" language="javascript" type="text/javascript"></script>
    <script src="js/ie6.js" language="javascript" type="text/javascript"></script>
    <![endif]--> 
</head>
<body>
	<div id="Header">
    	<ul class="logo">
    		<li><a><img src="images/logo.png" alt="加油网" /></a></li>
        </ul>
        <ul class="menu">
        	<li><a href="#" class="sel">首页</a></li>
            <li><a href="#">个人空间</a></li>
            <li><a href="#">好友</a></li>
            <li><a href="#">随便看看</a></li>
            <li><a href="#">消息<span>(12)条</span></a></li>
        </ul>
        <ul class="search">
        	<li>
            	<form action="">
                	<input type="text" class="text" /><input type="submit" class="submit" value="" />
                </form>
            </li>
        </ul>
    </div>
    <div id="body">
    	<div class="left">
        	<ul class="item">
            	<h1>个人设置</h1>
                <li>
                    <div id="userlist">
                    	<h2>基本资料</h2>
                        <ul>
                            <li><a href="#">个人情况</a></li>
                            <li><a href="#">联系方式</a></li>
                            <li><a href="#">教育情况</a></li>
                            <li><a href="#">工作情况</a></li>
                            <li><a href="#">头像照片</a></li>
                            <li><a href="#">修改密码</a></li>
                            <li><a href="#">帐户安全</a></li>
                            <li><a href="#">删除</a></li>
                        </ul>
                        <h2 class="sel">交友功能</h2>
                        <ul>
                            <li><a href="#">加为好友</a></li>
                            <li><a href="#">赠送礼物</a></li>
                            <li><a href="#">比赛邀请</a></li>
                            <li><a href="#">竞猜邀请</a></li>
                            <li><a href="#">留言</a></li>
                        </ul>
                    </div>
                </li>
            	<h6></h6>
            </ul>
            <ul class="item">
            	<h1>人气玩家</h1>
                <li>
                <div>
                    <ul class="hotuser">
                       <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
						<li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li> 
                    </ul>
                </div>
                </li>
            	<h6></h6>
            </ul>
        </div>
        <div class="right">
        	<div class="r_left">
        	<ul class="item">
            	<h1>个人档</h1>
                <li>
                   <div class="userinfo">
                        <ul class="head">
                        	<li><a href="#"><img src="images/img_head.png" /></a></li>
                        </ul>
                        <ul class="info">
                        	<li><b>章小黑</b><span>[职业摔跤手]</span></li>
                            <li><a href="#">修改头像</a><a href="#">个人资料</a></li>
                            <li>离下一级还差252分</li>
                            <li><a href="#">帐户管理</a><a href="#">隐私设置</a></li>
                        </ul>
                        <ul class="list">
                            <li>短消息：<span>0条新</span></li>
                            <li>系统消息：<span class="red">7条新</span></li>
                            <li>留言板：<span>0条新</span></li>
                            <li>留言回复：<span>0条新</span></li>
                            <li><b></b>评论：<span>0条新</span></li>
                            <li>评论回复：<span>0条新</span></li>
                        </ul>
                    </div> 
                </li>
                <h6></h6>
            </ul>
            <ul class="item">
            	<li>
                	<div class="dlist">
                    	<ul class="menu">
                        	<li class="sel"><a href="#"><span>好友新鲜事</span></a></li>
                            <li><a href="#">相册</a></li>
                            <li><a href="#">日志</a></li>
                            <li><a href="#">礼物</a></li>
                            <li><a href="#">投票</a></li>
                            <li><a href="#">圈子</a></li>
                            <li><a href="#">竞猜</a></li>
                        </ul>
                        <ul>
                        	<li id="dpro">
                            	<div class="content">
                                	<ul class="ucon">
                                    	<li class="hicon"><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /></a></li>
                                        <li class="rcontent">
                                        	<div class="figure">
                                            	<h3>章小黑</h3>
                                                <ul>
                                                	<li>日记更新1篇<span>2008-10-10 12:11:59</span></li>
                                                    <li></li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li class="del">
                                        	<a href="javascript:alert('xxxx');"></a>
                                        </li>
                                    </ul>
                                    <ul class="ucon">
                                    	<li class="hicon"><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /></a></li>
                                        <li class="rcontent">
                                        	<div class="figure">
                                            	<h3>章小黑</h3>
                                                <ul>
                                                	<li>日记更新1篇<span>2008-10-10 12:11:59</span></li>
                                                    <li></li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li class="del">
                                        	<a href="javascript:;"></a>
                                        </li>
                                    </ul>
                                    <ul class="ucon">
                                    	<li class="hicon"><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /></a></li>
                                        <li class="rcontent">
                                        	<div class="figure">
                                            	<h3>章小黑</h3>
                                                <ul>
                                                	<li>日记更新1篇<span>2008-10-10 12:11:59</span></li>
                                                    <li></li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li class="del">
                                        	<a href="javascript:;"></a>
                                        </li>
                                    </ul>
                                    <ul class="ucon">
                                    	<li class="hicon"><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /></a></li>
                                        <li class="rcontent">
                                        	<div class="figure">
                                            	<h3>章小黑</h3>
                                                <ul>
                                                	<li>日记更新1篇<span>2008-10-10 12:11:59</span></li>
                                                    <li></li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li class="del">
                                        	<a href="javascript:;"></a>
                                        </li>
                                    </ul>
                                    <ul class="ucon">
                                    	<li class="hicon"><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /></a></li>
                                        <li class="rcontent">
                                        	<div class="figure">
                                            	<h3>章小黑</h3>
                                                <ul>
                                                	<li>日记更新1篇<span>2008-10-10 12:11:59</span></li>
                                                    <li></li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li class="del">
                                        	<a href="javascript:;"></a>
                                        </li>
                                    </ul>
                                    <ul class="ucon">
                                    	<li class="hicon"><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /></a></li>
                                        <li class="rcontent">
                                        	<div class="figure">
                                            	<h3>张丹丹</h3>
                                                <ul>
                                                	<li>添加新照片2张<span>2008-10-10 12:11:59</span></li>
                                                    <li>
                                                        <a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /></a>
                                                        <a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /></a>
													</li>
                                                </ul>
                                            </div>
                                            
                                        </li>
                                        <li class="del">
                                        	<a href="javascript:;"></a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                </li>
                <h6></h6>
            </ul>
            </div>
            <div class="r_right">
        	<ul class="item">
            	<h1>最新来访</h1>
                <li>
                <div class="new">
                    <ul class="hot">
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
						<li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                    </ul>
                </div>
                </li>
                <h6></h6>
            </ul>
            <ul class="item">
            	<h1>我的好友</h1>
                <li>
                <div class="new">
                    <ul class="hot">
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
						<li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
						<li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
						<li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                        <li><a href="#" title="张丹丹"><img src="images/item_img.gif" alt="张丹丹" /><span>张丹丹</span></a></li>
                    </ul>
                </div>
                </li>
                <h6></h6>
            </ul>
            </div>
        </div>
    </div>
    <div class="Clear"></div>
    <div id="Footer">
    	<ul><li>加油网 (测试版) &copy; 2009</li></ul>
        <ul class="about">
        	<li><a href="#">关于我们</a></li>
            <li><a href="#">联系方式</a></li>
            <li><a href="#">意见反馈</a></li>
            <li><a href="#">帮助中心</a></li>
        </ul>
    </div>
</body>
</html>
